.vi-dialog_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2001;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: rgba(0, 0, 0, 0.65);
  
    .vi-dialog {
      width: 1004px;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 2px 6px rgba(68, 82, 121, 0.08);
      border-radius: 4px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  
      &-header {
        width: 100%;
        height: 44px;
        background: rgba(68, 82, 121, 0.04);
        border-radius: 4px 4px 0px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
        user-select: none;
  
        .title {
          font-size: 16px;
          font-family: Microsoft YaHei UI;
  
          label {
            font-weight: bold;
            color: rgba(0, 0, 0, 1);
          }
  
          span {
            font-weight: 400;
            color: rgba(0, 0, 0, 0.41);
          }
        }
  
        .close {
          font-size: 16px;
          color: rgba(24, 144, 255, 1);
          cursor: pointer;
        }
      }
  
      &-body {
        padding: 24px 16px;
  
        .header-content {
          width: 100%;
          display: flex;
          flex-direction: row;
  
          /deep/ {
            .el-select {
              width: 146px;
              height: 32px;
            }
          }
  
          .header-list {
            margin-right: 24px;
  
            label {
              font-size: 14px;
              font-family: Microsoft YaHei UI;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.41);
            }
          }
        }
      }
    }
  }
  @keyframes slideIn {
    0% {
      transform: scale(0);
      opacity: 0;
    }
  
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  @keyframes slideOut {
    0% {
      transform: scale(1);
      opacity: 1;
    }
  
    100% {
      transform: scale(0);
      opacity: 0;
    }
  }
  
  .slide-enter-active {
    animation: slideIn 0.2s;
  }
  
  .slide-leave-active {
    animation: slideOut 0.2s;
  }